@charset "utf-8";
/* CSS Document */

body  {
    font: 14px Arial, Helvetica, sans-serif;
    background-color:#000;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #3F0;
}

h1{
    font-size:100%;
    font-weight:bold;
    color:#000;
    margin-bottom:38px;
}

h2{
    font-size:100%;
    font-weight:bold;
    color:#039;
}

p{
    font-size:100%;
    color:#000;
}

a {
    padding-bottom:6px;
}

div {
    padding:0;
}

#container { 
    width: 1024px;
    height:864px;
    background: #000;
    margin: 0 auto;
    text-align: left;
}

/*Encabezado*/ 

#header { 
    height:207px;

} 
#header h3 {
    text-align:right;
    font-size:100%;
    margin: 0; 
    padding: 13px 0;
}

/*barra izquierda*/ 

#sidebar1 {
    float: left;
    width: 183px;
    height:800px;
    margin-top:7px;
    padding: 150px 10px 15px 20px;

}

#mainContent { 
    position:relative;
    background-color:#000;
    width:770px;
    height:800px;
    margin-top:147px;
    margin-left:220px;
    padding: 20px 15px 0px 15px;
    border: #EBEBEB solid 1px;
    border-right-width: 4px;
    border-bottom-width: 4px;
}	

/*pie  de página*/   


#footer { 
    padding: 10px 10px 0 20px;
    height:110px;
}

#content_footer{
    width:270px;
    height:39px;

}	
#footer p {
    color:#3F0;
    font-size:90%;
    text-align:left;	

}
#footer a {
    color:#3F0;
    font-size:90%;
}

#footer a:hover {
    cursor:pointer;
}

#img1{
    width:90px;
    height:38px;
    float:right;

}
#img2{
    width:80px;
    height:38px;
    float:right;
}
#img3{
    width:85px;
    height:38px;
    float:right;

}


.curved {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior:url(../images/border-radius.htc);

}


#logo {
    /*background-image:url(../images/logonegro.gif);*/
    float:right;
    width:346px;
    height:158px;
    margin-top:7px;

}
/*ruta*/
#ruta {
/*    float:left;*/
    width:650px;
    height:50px;
    padding:10px 15px;
    margin-top:90px;
}

/*banner*/
#banner {
    float:right;
    background-image:url(../images/banner_pacto.png);
    background-color:#09F;
    width:775px;
    height:100px;
    margin-top:8px;
    padding: 15px 10px 15px 20px;
}

/*menu principal arriba*/
#acc {
    list-style:none;}

.mainmenu {
    margin-top:0px;
    float:right;
    margin-top:-10px;
    z-index:1000}

.mainmenu li{
    display:inline;	
    padding:0 10px 0 0;
}
.mainmenu ul {
    float:left;
    height:5px;
    width:970px;
}

.mainmenu ul li a:hover {  
    color:#039;
    cursor: pointer;
}

.mainmenu ul li a:link, .mainmenu li a:visited {
    color:#903;
    display: block;
}
/*registrados*/

#rol {
    float:left;
    width:521px;
    height:26px;
    margin-top:12px;
    padding:2px 15px;
}

#roltxt {
    font-size:112%;
    color:#3F0;
    font-weight:bold;
}

#name {
    font-size:100%;
    color:#3F0;
    font-weight:bold;
}

#salir {
/*    float:right;*/
    background-repeat:no-repeat;
    width:99px;
    height:28px;
    margin:0 auto;
}
#salir a{
    background-image:url(../images/salirazul.png);
    background-position: center top;
    height:28px;
    width:99px;
    display: block;
    background-repeat: no-repeat;
}

#salir a:hover{
    background-image:url(../images/sobresalir.png);
}
/*inicio */  

#inicio {
    float:left;
    background-repeat:no-repeat;
    width:99px;
    height:28px;
    margin:0 auto;
}
#inicio a{
    background-image:url(../images/inicio.png);
    background-position: center top;
    height:28px;
    width:99px;
    display: block;
    background-repeat: no-repeat;
}

#inicio a:hover{
    background-image:url(../images/sobreinicio.png);
}

/* menú hover state CSS*/


.arrowlistmenu{
    width: 175px; 
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
    font: bold 100% Arial;
    color: white;
    background: url(../images/titlebar.png) repeat-x center left;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
    cursor: hand;
    cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
    background-image:url(../images/titlebar-active.png);
    background-repeat:repeat-x;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
    color: #3F0;
    background: url(../images/arrowbulletblue.png) no-repeat center left; /*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    border-bottom: 1px solid #dadada;
    font-size: 90%;
}

.arrowlistmenu ul li a:visited{
    color:#0C0;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
    color: #3F0;
    font-weight: bold;
}          


/* tablas */

table {
    font-size:0.9em;
    font-family: Arial, Helvetica, verdana sans-serif;
    background-color:#000;
    border-collapse:separate;
    margin-bottom: 15px;
}
caption {
    background-color:#000;
    font-size:100%;
    color:#3F0;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    margin-bottom: 6px;
}
thead th {
    border-right: 1px solid #fff;
    color:#3F0;
    text-align:center;
    padding:2px;
    text-transform:uppercase;
    height:25px;
    background-color: #000;
    font-weight: normal;
}
tfoot {
    color:#3F0;
    padding:2px;
    text-transform:uppercase;
    font-size:1.2em; 
    font-weigth: bold;
    margin-top:6px;
    border-top: 6px solid #e9f7f6;
}
tbody tr {
    background-color:#000;
    border-bottom: 1px solid #f0f0f0;
}
tbody td {
    color:#3F0;
    padding:5px;
    text-align:left;
}
tbody th {
    text-align:left;
    padding:2px;
}
tbody td a, tbody th a {
    color:#3F0;
    text-decoration:none;
    font-weight:normal; 
    display:block;
    padding-left:15px;
}
tbody td a:hover, tbody th a:hover {
    color:#3F0;
    text-decoration:none;
}

option {color: #3F0;
        background-color:#000;} 
select{background-color:#303030;
       color: #3F0;
}

select.hover, option:hover
{ 
    background-color:#000;
    color:#3F0;
}

/*label*/
label{
    font-size:14px;
    text-align:left;
    font-weight:bold;
    color: #3F0;
}

/*input*/
input[type] {
    width: 140px;
    border:none;
    background-color:#303030;
    color:#3F0;
}

textarea {
    background-color:#303030;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#3F0;
}

select{background-color:#303030;
       color: #3F0;
}
fieldset {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-bottom:10px;
    align:center;
    color:#3F0;
}
legend {
    font-weight:bold;
    font-size:100%;
    font-variant:small-caps;
    color:#3F0;
}

input.button.
{
    cursor:pointer;}

input[type=button]
{cursor:pointer;}
